<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/template/template.xhtml">
	<ui:define name="cuerpo">
		<p:panel id="pnlPerfil" header="#{m.mnt_perfil_titulo}">
			<h:form id="frmMntPerfiles">

				<p:growl id="growl" showDetail="true" severity="info,fatal" />

				<p:panel header="Criterios de Búsqueda">
					<h:panelGrid columns="2">
						<h:outputText value="#{m.mnt_perfil_lbl_sistema}"
							styleClass="color-letra-azul" />
						<h:inputText id="txtNombreSistema" size="100" disabled="true"
							value="#{perfilController.sistemaBean.nombre}" />
					</h:panelGrid>

					<h:panelGrid columns="8">
						<h:outputText value="#{m.mnt_perfil_lbl_nombre_corto}"
							styleClass="color-letra-azul" />
						<h:inputText id="txtNombreCorto" maxlength="10"
							value="#{perfilController.perfilFiltro.nombreCorto}" />

						<h:outputText value="#{m.mnt_perfil_lbl_nombre_largo}"
							styleClass="color-letra-azul" />
						<h:inputText id="txtNombreLargo" maxlength="50"
							value="#{perfilController.perfilFiltro.nombreLargo}" />

						<h:outputText value="#{m.mnt_perfil_lbl_estado}"
							styleClass="color-letra-azul" />
						<h:selectOneMenu id="cmbEstado"
							value="#{perfilController.perfilFiltro.estado}">
							<f:selectItem itemLabel="#{m.mnt_cmb_msj_default}" itemValue="" />
							<f:selectItem itemLabel="#{m.mnt_cmb_msj_activo}" itemValue="1" />
							<f:selectItem itemLabel="#{m.mnt_cmb_msj_inactivo}" itemValue="0" />
						</h:selectOneMenu>

						<div id="divBtnBuscar">
							<h:commandButton id="btnBuscar" value="" styleClass="btnBuscar"
								actionListener="#{perfilController.buscar}"
								update=":frmMntPerfiles:dtPerfiles" />
						</div>




					</h:panelGrid>
				</p:panel>

				<p:spacer height="10" />

				<p:panel id="pnlResultado" header="Resultado de Búsqueda">
					<p:commandButton id="btnNuevo" styleClass="btnNuevo" value=""
						actionListener="#{perfilController.limpiar}"
						update=":frmRegPerfil:pnlRegPerfil,:frmRegPerfil:dlgPerfil" />


					<p:dataTable var="perfil" paginator="true" rows="10"
						paginatorTemplate="#{m.general_paginador_template}"
						paginatorPosition="#{m.general_paginador_posicion}"
						emptyMessage="#{m.mnt_perfil_datatable_vacio}"
						value="#{perfilController.lstPerfilBean}" id="dtPerfiles">

						<p:column headerText="#{m.mnt_perfil_datatable_codigo}">
							<h:outputText value="#{perfil.idPerfil}" />
						</p:column>

						<p:column headerText="#{m.mnt_perfil_datatable_codigo_host}">
							<h:outputText value="#{perfil.codigoHost}" />
						</p:column>

						<p:column headerText="#{m.mnt_perfil_datatable_nombre_corto}">
							<h:outputText value="#{perfil.nombreCorto}" />
						</p:column>

						<p:column headerText="#{m.mnt_perfil_datatable_nombre_largo}">
							<h:outputText value="#{perfil.nombreLargo}" />
						</p:column>

						<p:column headerText="#{m.mnt_perfil_datatable_descripcion}">
							<h:outputText value="#{perfil.descripcion}" />
						</p:column>

						<p:column headerText="#{m.mnt_perfil_datatable_estado}">
							<h:outputText value="#{perfil.desEstado}" />
						</p:column>
						<p:column headerText="#{m.mnt_perfil_datatable_accion_editar}"
							styleClass="columna-accion">
							<p:commandButton value="" id="ed" styleClass="icono-modificar"
								action="#{perfilController.editar}"
								update=":frmRegPerfil:pnlRegPerfil,:frmRegPerfil:dlgPerfil">
								<f:setPropertyActionListener
									target="#{perfilController.perfilBeanRegistro}"
									value="#{perfil}" for="ed">
								</f:setPropertyActionListener>
							</p:commandButton>
							<p:tooltip for="ed" value="#{m.mnt_perfil_editar_perfil}"
								showEffect="fade" hideEffect="fade" />
						</p:column>
						<p:column headerText="#{m.mnt_perfil_datatable_accion_opcion}"
							styleClass="columna-accion"> 
							<p:commandButton id="verOp" ajax="false" value=""
								styleClass="icono-perfiles"
								action="#{perfilOpcionController.verOpciones}">
								<f:setPropertyActionListener
									target="#{perfilOpcionController.perfilBean}" value="#{perfil}"
									for="verOp">
								</f:setPropertyActionListener>
							</p:commandButton>
							<p:tooltip for="verOp" value="#{m.mnt_perfil_ver_opciones}"
								showEffect="fade" hideEffect="fade" />
						</p:column>
						<p:column headerText="#{m.mnt_perfil_datatable_accion_eliminar}"
							styleClass="columna-accion">
							<p:commandButton id="del" value="" styleClass="icono-eliminar"
								oncomplete="confirmation.show();">
								<f:setPropertyActionListener
									target="#{perfilController.perfilBeanRegistro}"
									value="#{perfil}" for="del">
								</f:setPropertyActionListener>
							</p:commandButton>
							<p:tooltip for="del" value="#{m.mnt_perfil_eliminar_perfil}"
								showEffect="fade" hideEffect="fade" />
						</p:column>

					</p:dataTable>

				</p:panel>

				<h:commandButton id="btnRegresar" styleClass="btnVolver" value=""
					action="#{perfilController.regresar}" />

			</h:form>

			<h:form id="frmRegPerfil">
				<p:outputPanel id="outRegPerfil">
					<p:dialog header="Nuevo Perfil" id="dlgPerfil" styleClass="modalPrueba" 
						visible="#{perfilController.mostrarModal}" widgetVar="dlgPerfil"
						modal="true" resizable="false" closable="false">
						<p:panel>

							<h:panelGrid id="pnlRegPerfil" columns="4">


								<h:outputText value="#{m.mnt_perfil_lbl_codigo}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtCodigo" maxlength="20" disabled="true"
									value="#{perfilController.perfilBeanRegistro.idPerfil}" />
								<p:spacer />
								<p:spacer />

								<h:outputText value="#{m.mnt_perfil_lbl_estado}"
									styleClass="color-letra-azul" />
								<h:selectOneMenu id="cmbEstado"
									value="#{perfilController.perfilBeanRegistro.estado}">
									<f:selectItem itemLabel="#{m.mnt_cmb_msj_activo}" itemValue="1" />
									<f:selectItem itemLabel="#{m.mnt_cmb_msj_inactivo}"
										itemValue="0" />
								</h:selectOneMenu>
								<p:spacer />
								<p:spacer />

								<h:outputText value="#{m.mnt_perfil_lbl_codigo_host}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtCodigoHost" maxlength="4" size="30"
									value="#{perfilController.perfilBeanRegistro.codigoHost}"
									required="true"
									requiredMessage="#{m.mnt_perfil_msg_codigo_host}" />
								<h:outputText value="#{m.sistema_obligatorio}"
									styleClass="obligatorio" style="margin-left:0" />
								<p:message id="textOnlyMessage0" for="txtCodigoHost"
									display="text" />

								<h:outputText value="#{m.mnt_perfil_lbl_nombre_corto}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtNombreCorto" maxlength="10" size="30"
									value="#{perfilController.perfilBeanRegistro.nombreCorto}"
									required="true"
									requiredMessage="#{m.mnt_perfil_msg_nombre_corto}" />
								<h:outputText value="#{m.sistema_obligatorio}"
									styleClass="obligatorio" style="margin-left:0" />
								<p:message id="textOnlyMessage1" for="txtNombreCorto"
									display="text" />


								<h:outputText value="#{m.mnt_perfil_lbl_nombre_largo}"
									styleClass="color-letra-azul" />
								<h:inputText id="txtNombreLargo" maxlength="50" size="30"
									value="#{perfilController.perfilBeanRegistro.nombreLargo}"
									required="true"
									requiredMessage="#{m.mnt_perfil_msg_nombre_largo}" />
								<h:outputText value="#{m.sistema_obligatorio}"
									styleClass="obligatorio" style="margin-left:0" />
								<p:message id="textOnlyMessage2" for="txtNombreLargo"
									display="text" />

								<h:outputText value="#{m.mnt_perfil_lbl_descripcion}"
									styleClass="color-letra-azul" />
								<h:inputText id="txaDescripcion" maxlength="100"
									style="width:170px"
									value="#{perfilController.perfilBeanRegistro.descripcion}"
									required="true"
									requiredMessage="#{m.mnt_perfil_msg_descripcion}" />
								<h:outputText value="#{m.sistema_obligatorio}"
									styleClass="obligatorio" style="margin-left:0" />
								<p:message id="textOnlyMessage3" for="txaDescripcion"
									display="text" />

							</h:panelGrid>
						</p:panel>

						<div style="text-align: right">

							<p:commandButton id="btnGuardar" value="" styleClass="btnGuardar"
								actionListener="#{perfilController.guardar}"
								update="frmRegPerfil:outRegPerfil,:frmMntPerfiles:growl,:frmMntPerfiles:dtPerfiles" />

							<p:commandButton id="btnCancelar" value=""
								styleClass="btnRegresar" action="#{perfilController.cancelar}"
								process="@this"
								update=":frmRegPerfil:outRegPerfil,:frmMntPerfiles:dtPerfiles" />

						</div>

					</p:dialog>
				</p:outputPanel>
			</h:form>


			<p:confirmDialog id="confirmDialog"
				message="#{m.mnt_perfil_dlg_titulo}" header="Confirmación"
				severity="alert" widgetVar="confirmation">

				<h:form id="frmRegConfirmDialog">
					<center>
						<p:commandButton id="confirm" value="" ajax="true"
							styleClass="btnAceptar"
							update=":frmMntPerfiles:dtPerfiles,:frmMntPerfiles:growl"
							actionListener="#{perfilController.eliminar}"
							oncomplete="confirmation.hide();" />
						<p:spacer width="3" />
						<p:commandButton id="decline" value=""
							onclick="confirmation.hide()" type="button"
							styleClass="btnRegresar" />
					</center>
				</h:form>
			</p:confirmDialog>

		</p:panel>


	</ui:define>
</ui:composition>
</html>